<template>
  <div class="home">
    <Head />
    <div class="Home">
      <div class="home_main">
        <div class="left">
          <div class="left_main">
            <a href="###" class="left">
              <img
                src="https://img3.chouti.com/CHOUTI_211121_D2F45F80591B4FBA910FC0435304A211.jpg?imageView2/1/w/240/h/240/interlace/1"
                alt=""
              />
            </a>
            <div class="left_main_right left">
              <div class="left_main_right_text1">
                <div class="left_main_right_text1_head">
                  <a href="###" class="left"> <span>判了</span></a>
                </div>
                <a href="###"
                  >河南亿万富商被控22年前杀人：重审获刑死缓，限制减刑</a
                >
                <div class="link_form">www.thepaper.cn</div>
                <div class="link_des"></div>
              </div>
              <div class="left_main_right_text2"></div>
            </div>
          </div>
        </div>
        <div class="right"></div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
</template>

<script>
import Head from "../public/Header.vue";
export default {
  components: { Head },
};
</script>

<style lang='scss'scoped>
.Home {
  width: 100%;
  .home_main {
    margin-top: 74px;
    margin-bottom: 100px;
    width: 1194px;
    margin: 0 auto;
  }
}
.left_main {
  width: 840px;
  padding: 14px;
  a {
    width: 120px;
    height: 120px;
    overflow: hidden;
    text-align: center;
    line-height: 120px;
    position: relative;
    border: 1px solid #f5f5f5;
    border-radius: 2px;
    img {
      width: 120px;
      height: 120px;
    }
  }
  .left_main_right {
    width: 690px;
    padding-left: 12px;
    .left_main_right_text1 {
      min-height: 76px;
      height: auto !important;
      overflow: visible;
      .left_main_right_text1_head {
        a {
          display: inline-block;
          padding: 0 15px 0 0;
          background-color: #f49900;
          color: #fff;
          border-radius: 10px;
          font-size: 12px;
          line-height: 20px;
          margin-bottom: 2px;
          margin-top: 2px;
          font-weight: 700;
          // width: 25px;
          height: 20px;
          display: block;
        }
      }
      a {
        font-weight: 700;
        font-size: 15px;
        color: #4b4c4d;
        display: block;
        word-wrap: break-word;
        line-height: 22px;
        cursor: pointer;
      }
      .link_form {
        margin-top: 8px;
        font-size: 12px;
        color: #999;
      }
      .link_des {
        margin-top: 8px;
        font-size: 12px;
        word-wrap: break-word;
        line-height: 18px;
        color: #999;
      }
    }
    .left_main_right_text2 {
      margin-top: 22px;
    }
  }
}
</style>